<script lang="ts" setup>
import { useAppConfig, useProfile } from '@/stores'
import { useDayjsFormat } from '@/utils'
import MpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html.vue'
import { computed } from 'vue'

const mpHtmlConfig = {
  tagStyle: {
    h1: 'margin: 2em 0 1em; font-size: 1.5em; line-height: 1.5; text-align: center;',
    h2: 'margin: 1em 0; font-size: 1.25em; line-height: 1.5',
    p: 'margin: 1em 0; line-height: 1.5',
    ul: 'margin: 1em 0; padding-left: 2em;',
    ol: 'margin: 1em 0; padding-left: 2em;',
    li: 'margin: 1em 0; line-height: 1.5',
  },
}

const appConfig = useAppConfig()
const profile = useProfile()
const content = computed(() => {
  const appName = appConfig.appletSet.appName.value
  const compayName = appConfig.appletSet.compayName.value
  const { userInfo } = profile

  return `<h1>用户注册、使用协议</h1>

<p>本协议用于用户注册及使用${compayName}（以下简称“${appName}”）线上营销推广活动页面、App时双方约定权责使用。若不同意该协议则不能注册相应的页面、App及参与该活动，同意该协议并注册该页面、App的用户，须严格遵守本协议中所有条款的约定，否则，${appName}将依法追究相关人员的法律责任</p>

<h2>一、 ${appName}服务条款的确认和接纳本页面、App各项服务的所有权和运作权归${appName}拥有</h2>

<h2>二、用户在${appName}平台上不得发布下列违法信息</h2>
<p>2.1 反对宪法所确定的基本原则的</p>
<p>2.2 危害国家安全，泄露国家秘密，颠覆国家政权，破坏国家统一的</p>
<p>2.3 损害国家荣誉和利益的</p>
<p>2.4 煽动民族仇恨、民族歧视，破坏民族团结的</p>
<p>2.5 破坏国家宗教政策，宣扬邪教和封建迷信的</p>
<p>2.6 散布谣言，扰乱社会秩序，破坏社会稳定的</p>
<p>2.7 散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的</p>
<p>2.8 侮辱或者诽谤他人，侵害他人合法权益的</p>
<p>2.9 含有法律、行政法规禁止的其他内容的</p>

<h2>三、有关个人资料（用户同意）</h2>
<p>3.1 提供及时、详尽及准确的个人资料</p>
<p>3.2 同意接收来自${appName}的信息</p>
<p>3.3 及时更新注册资料，符合及时、详尽准确的要求。所有原始键入的资料将引用为注册资料</p>
<p>3.4 ${appName}不公开用户的姓名、地址、电子邮箱和笔名，以下情况除外</p>
<p>3.5 用户授权${appName}透露这些信息</p>
<p>3.6 相应的法律及程序要求${appName}提供用户的个人资料。如果用户提供的资料包含有不正确的信息，${appName}保留结束用户使用${appName}信息服务资格的权利</p>

<h2>四、用户在注册时应当选择稳定性及安全性相对较好的电子邮箱，并且同意接受并阅读${appName}发往用户的各类电子邮件。如用户未及时从自己的电子邮箱接受电子邮件或因用户电子邮箱或用户电子邮件接收及阅读程序本身的问题使电子邮件无法正常接收或阅读的，只要${appName}成功发送了电子由阱，应当视为用户已经接收到相关的电子邮件。电子邮件在发信服务器上所记录的发出时间视为送达时间</h2>

<h2>五、服务条款的修改</h2>
<p>${appName}有权在必要时修改服务条款，${appName}服务条款一旦发生变动，将会在重要页面上提示修改内容。如果不同意所改动的内容，用户可以主动取消获得的爱租机信息服务。如果用户继续享用${appName}信息服务，则视为接受服务条款的变动。${appName}保留随时修改或中断服务而不需通知用户的权利。${appName}行使修改或中断服务的权利，不需对用户或第三方负责</p>

<h2>六、用户隐私制度</h2>
<p>尊重用户个人隐私是${appName}的一项基本政策。所以，${appName}一定不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在${appName}中的非公开内容，除非有法律许可要求或${appName}在诚信的基础上认为透露这些信息在以下四种情况是必要的</p>
<p>6.1 遵守有关法律规定，遵从${appName}合法服务程序</p>
<p>6.2 保持维护${appName}的商标所有权</p>
<p>6.3 在紧急情况下竭力维护用户个人和社会大众的隐私安全</p>
<p>6.4 符合其他相关的要求</p>

<h2>七、用户的帐号、密码和安全性</h2>
<p>你一旦注册成功成为用户，你将得到一个密码和帐号。如果你不保管好自己的帐号和密码安全，将负全部责任。另外，每个用户都要对其帐户中的所有活动和事件负全责。你可随时根据指示改变你的密码，也可以结束旧的帐户重开一个新帐户。用户同意若发现任何非法使用用户帐号或安全漏洞的情况，请立即通告${appName}</p>

<h2>八、拒绝提供担保</h2>
<p>用户明确同意信息服务的使用由用户个人承担风险。${appName}不作任何明示或默示的担保，对服务的及时性，安全性，出错发生不作担保，但会在能力范围内，避免出错</p>

<h2>九、有限责任</h2>
<p>${appName}对任何直接、间接、偶然、特殊及继起的损害不负责任，这些损害来自：不正当使用${appName}服务，或用户传送的信息不符合规定等。这些行为都有可能导致${appName}形象受损，所以${appName}事先提出这种损害的可能性，同时会尽量避免这种损害的发生</p>

<h2>十、信息的储存及限制</h2>
<p>${appName}有判定用户的行为是否符合${appName}服务条款的要求和精神的权利，如果用户违背${appName}服务条款的规定，${appName}有权中断其服务的帐号</p>

<h2>十—、用户管理</h2>
<p>用户必须遵循：</p>
<p>11.1 使用信息服务不作非法用途</p>
<p>11.2 不干扰或混乱网络服务</p>
<p>11.3 遵守所有使用服务的网络协议、规定、程序和惯例。用户的行为准则是以因特网法规，政策、程序和惯例为根据的</p>

<h2>十二、保障</h2>
<p>用户同意保障和维护${appName}全体成员的利益，负责支付由用户使用超出服务范围引起的律师费用，违反服务条款的损害补偿费用，其它人使用用户的电脑、帐号和其它知识产权的追索费</p>

<h2>十三、结束服务</h2>
<p>用户或${appName}可随时根据实际情况中断一项或多项服务。${appName}不需对任何个人或第三方负责而随时中断服务。用户若反对任何服务条款的建议或对后来的条款修改有异议，或对${appName}服务不满，用户可以行使如下权利：</p>
<p>13.1 不再使用${appName}信息服务</p>
<p>13.2 通知${appName}停止对该用户的服务：</p>
<p>结束用户服务后，用户使用${appName}服务的权利马上中止。从那时起，用户没有权利，${appName}也没有义务传送任何未处理的信息或未完成的服务给用户或第三方</p>

<h2>十四、通告</h2>
<p>所有发给用户的通告都可通过重要页面的公告或电子邮件或常规的信件传送。服务条款的修改、服务变更、或其它重要事件的通告都会以此形式进行</p>

<h2>十五、信息内容的所有权</h2>
<p>${appName}定义的信息内容包括：文字、软件、声音、相片、录象、图表；在广告中全部内容；${appName}为用户提供的其它信息。所有这些内容受版权、商标、标签和其它财产所有权法律的保护。所以，用户只能在${appName}和广告商授权下才能使用这些内容，而不能擅自复制、再造这些内容、或创造与内容有关的派生产品</p>

<h2>十六、法律</h2>
<p>${appName}信息服务条款要与中华人民共和国的法律解释一致。用户和${appName}一致同意服从${appName}所在地有管辖权的法院管辖。如发生${appName}服务条款与中华人民共和国法律相抵触时，则这些条款将完全按法律规定重新解释，而其它条款则依旧保持对用户的约束力</p>

<p>本人声明：本人已仔细阅读上述所有条款，并已特别注意黑体字内容。陕西钧信恒益融资担保有限责任公司已应本人要求对相关条款予以明确说明。本人对所有条款的含义及相应的法律后果已全部知晓并充分理解，自愿作出上述授权、承诺和声明</p>

<p>授权人（签名）：${userInfo.name}</p>
<p>联系电话：${userInfo.phone}</p>
<p>证件号码：${userInfo.idCard}</p>
<p>签署日期：${useDayjsFormat(undefined, 'DD')}</p>
<p>（为保护您的合法权益，请完整填写空白项内容）</p>`
})
</script>

<template>
  <view class="bg-white px-30px safe-pb-30px text-30px">
    <mp-html :content="content" :tag-style="mpHtmlConfig.tagStyle"></mp-html>
  </view>
</template>

<style lang="less" scoped></style>
